<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>后台管理系统</title>
        <meta name="author" content="BaiYY"/>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="renderer" content="webkit">
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/bootstrap.min.css"/>
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/bootstrap-datetimepicker.min.css"/>
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/Font/css/font-awesome.min.css"/>
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/index.css"/>
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/pages.css"/>
        <script type="text/javascript" src="__PUBLIC__/admin/js/jquery.js"></script>
        <script type="text/javascript" src="__PUBLIC__/admin/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="__PUBLIC__/admin/js/index.js"></script>
        <script type="text/javascript" src="__PUBLIC__/admin/js/time.js"></script>
        <script type="text/javascript" src="__PUBLIC__/admin/js/pages.js"></script>
        <script type="text/javascript" src="__PUBLIC__/admin/js/bootstrap-datetimepicker.min.js"></script>
        <script type="text/javascript" src="__PUBLIC__/admin/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    </head>
<body>
    <div class="right-sidebar" style="max-width: 1200px;">
        <ul class="nav nav-tabs" style="margin-bottom: 16px" role="tablist">
            <li role="presentation" class="active"><a href="agentOnLinePay.html">在线统计</a></li>
            <li role="presentation"><a href="playerOnlinePay.html">在线明细</a></li>
        </ul>

        <p>说明：根据输入的时间段统计各个下级的充值量，默认时间是一周</p>
        <div class="form-group">
            <label for="start_time">开始时间</label>
            <input type="text" class="form-control" id="start_time" name="start_time" data-date-format="yyyy-mm-dd hh:ii:ss">
        </div>
        <div class="form-group">
            <label for="end_time">结束时间</label>
            <input type="text" class="form-control" id="end_time" name="end_time" data-date-format="yyyy-mm-dd hh:ii:ss">
        </div>
        <div style="margin: 20px auto;"><button type="submit" class="btn btn-primary" id="cbtn">查询</button></div>
        <session class="table-responsive">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>游戏ID</th>
                        <th>微信昵称</th>
                        <th>房卡张数</th>
                        <th>金币数量</th>
                        <th>创建时间</th>
                        <th>充值总额</th>
                    </tr>
                </thead>
                <tbody id="dataList"></tbody>
            </table>
        </session>
        <div style="width: 100%;">
            <ul class="page" id="page" style="width: 100%;overflow: hidden;"></ul>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $("#end_time").val(getLocalTime(new Date()/1000));
            $("#start_time").val(getLocalTime((new Date()/1000 - 604800)));
            $( "#start_time" ).datetimepicker({
                language: 'zh-CN',
                autoclose: 1,
                todayHighlight: 1,
                weekStart: 1,
                startDate: 0
            });
            $( "#end_time" ).datetimepicker({
                language: 'zh-CN',
                autoclose: 1,
                todayHighlight: 1,
                weekStart: 1,
                startDate: 0
            });
            $.ajax({
                type:"get",
                url:"{:U('Admin/Main/getAgentOnlinePay')}",
                success: function(datas){
                    if(datas == 'error') {
                        $("#dataList").html("暂时没查询到数据!");
                    }else{
                        options={
                            "id":"page",//显示页码的元素
                            "data":datas,//显示数据
                            "maxshowpageitem":2,//最多显示的页码个数
                            "pagelistcount":5,//每页显示数据个数
                            "callBack":function(data){
                                var str = '';
                                var coins = '';
                                for(var i=0 ;i<data.length;++i) {
                                    if(!data[i].status.coin) {
                                        coins = 0;
                                    }else{
                                        coins = data[i].status.coin;
                                    }
                                    str += "<tr><td>"+data[i]._id+"</td><td>"+data[i].info.name+"</td><td>"+data[i].status.card+"</td><td>"+coins+"</td><td>"+getLocalTime(data[i].info.createTime)+"</td><td>"+data[i].sumMoney+"</td></tr>"
                                }
                                $("#dataList").html(str);
                            }
                        }
                        page.init(datas.length,1,options);
                    }
                }
            })
        });
        $("#cbtn").on("click",function (data) {
            var start_time = new Date($("#start_time").val());
            start_time = Date.parse(start_time);
            var end_time = new Date($("#end_time").val());
            end_time = Date.parse(end_time);

            if($.trim($("#start_time").val()) == '' || $.trim($("#end_time").val()) == ''){
                alert("时间不能为空！");
                window.location.href="{:U('Admin/Main/agentOnLinePay')}";
                return false;
            }
            if(start_time > end_time || start_time == end_time) {
                alert("请注意时间的先后顺序！");
                window.location.href="{:U('Admin/Main/agentOnLinePay')}";
                return false;
            }
            $.ajax({
                type:'post',
                url:"{:U('Admin/Main/getAgentOnlinePay')}",
                dataType:"json",
                data:{"start_time":start_time,"end_time":end_time},
                success:function(datas) {
                    if(datas == 'error') {
                        $("#dataList").html("暂时没查询到数据!");
                    }else{
                        options={
                            "id":"page",//显示页码的元素
                            "data":datas,//显示数据
                            "maxshowpageitem":2,//最多显示的页码个数
                            "pagelistcount":5,//每页显示数据个数
                            "callBack":function(data){
                                var str = '';
                                var coins = '';
                                for(var i=0 ;i<data.length;++i) {
                                    if(!data[i].status.coin) {
                                        coins = 0;
                                    }else{
                                        coins = data[i].status.coin;
                                    }
                                    str += "<tr><td>"+data[i]._id+"</td><td>"+data[i].info.name+"</td><td>"+data[i].status.card+"</td><td>"+coins+"</td><td>"+getLocalTime(data[i].info.createTime)+"</td><td>"+data[i].sumMoney+"</td></tr>"
                                }
                                $("#dataList").html(str);
                            }
                        }
                        page.init(datas.length,1,options);
                    }
                }
            })
        });
    </script>
</body>
</html>